<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			div {
				border: solid;
				position: absolute;
			}


			.relative {
				position: relative;
				width: 10em;
				height: 10em;

			}

			.top-left {
				top: 1em;
				left: 1em;
			}

			.top-right {
				top: 1em;
				right: 1em;
			}


			.bottom-left {
				bottom: 1em;
				left: 1em;
			}

			.bottom-right {
				bottom: 1em;
				right: 1em;
			}
			
			#test{
				width: 16px;
				height: 16px;
				position: relative;
				/* top: -40px; */
				/* word-wrap:; */
				overflow: hidden;
				border: none;
			}
		</style>
	</head>
	<body>

		<div class="relative">

			<div class="top-left">左上</div>
			<div class="top-right">右上</div>
			<div class="bottom-left">左下</div>
			<div class="bottom-right">右下</div>


		</div>
		
		
		<div id="test">AA</div>



	</body>
</html>
